*{margin: 0;padding: 0;font-family: "宋体","楷体","微软黑体";transition: all 0.3s;}
ul{list-style: none;}
a{text-decoration: none;}

.top{width: 100%;height: 80px;background-color: rgba(0, 0, 255, 0.3);border-radius: 8px; border: 1px solid;}
.logo{float: left;width: 60px;height: 60px;margin:10px 0 0 50px;}
.logo img{width: 100%;height: 100%;}
.tip{float: left;margin-left: 30%;line-height: 80px;}
.out{float: right;margin-right: 50px; line-height: 80px;}

.leftMenu{position: fixed;left: 0;margin-left: 5px; width: 20%;height: 100%;background-color: rgba(0, 255, 255, 0.7);border-radius: 8px; border: 1px solid;}
.menu{float: left;width: 100%;height: 40px;line-height: 40px;text-align: center;background-color: rgba(0, 169, 255, 0.7);color: #f1f1f1;border-radius: 8px 8px 0 0;}
.leftMenu li{font-size: 20px;cursor: pointer;}
.leftMenu li img{margin-left: 2px;width: 20px;height: 20px;border-radius: 5px;}
.open:hover .option{display: block;}
.option{display: none;margin-left: 5px;width: 95%;}

.item{position: fixed;right: 0;width: 79%;height: 100%;background-color: rgba(0, 169, 255, 0.3);border-radius: 8px; border: 1px solid;}
.items{float: left;width: 100%;height: 40px;text-align: center;line-height: 40px;background-color: rgba(0, 169, 255, 0.7);color: #f1f1f1; }
.item1{float: left;display: block;width: 100%;}
.item1 table{width: 100%;height: 620px;text-align: center;display: -webkit-box;overflow-y: scroll;overflow-x: hidden;}
.item1 tr th{width: 800px;height: 50px;}
.item1 input[type="text"]{width: 300px;height: 30px;border-radius: 5px;}
.item1 input[type="button"]{width: 50px;height: 30px;}
.item2{float: left;display: none;width: 100%;height: 100%;border: 1px solid;}
.item2 table{width: 100%;height: 100%;}
.item2 th{width: 20%;height: 30px;}
.item2 td{width: 80%;}
.item2 td input[type="text"]{margin-left: 10px; width: 200px;height: 20px;}
.item2 td select{margin-left: 10px;width: 120px;height: 20px;}
.item2 td textarea{width: 100%;height: 100%;}
.item2 td input[type="reset"]{margin: 0 20px; width: 80px;height: 20px;}
.item2 td input[type="reset"]:hover {background-color: #333;color: #f1f1f1;}
.item2 td input[type="submit"]{width: 80px;height: 20px;}
.item2 td input[type="submit"]:hover {background-color: #333;color: #f1f1f1;}
.item3{float: left;display: none;width: 100%;text-align: center;}
.item3 table{width: 100%;}
.item4{float: left;display: none;width: 100%;}
.item4 table{width: 100%;}
.item5{float: left;display: none;width: 100%;text-align: center;}
.item5 table{width: 100%;}
.item6{float: left;display: none;width: 100%;text-align: center;}
.item6 table{width: 100%;}
.item11{float: left;display: none;width: 100%;text-align: center;}
.item11 table{width: 100%;}
.item11 table tr ul{display: flex;justify-content: center;}
.item11 table tr ul li{float: left;width: 20px;height: 20px;border: 1px solid;cursor: pointer;}
.item11 table tr ul li:hover{background-color: #00ffff;}